<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
	
	<script src="${ctx}/js/controllers/mall/goodsCategory/CategoryAttrEditController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
	
</head>
<style>
	.noinput{
	float:left;
	background-color: #fff;
	width:120px;
	height:27px;
	line-height: 27px;
	border:1px solid #CBD5DD;
	border-radius:10px;
	margin-top:3px;
	color: #999999;
	text-indent:15px;
}

</style>
<body style="margin: 0px">
	<section class="mainborder">
       <section class="edit_scrollable padder">
         <div class="edit_content">
				<form id="myFrom">
					 <div class="form" >
					    <div class="item">
							<label class="col-sm-1 editlable">分类属性名称：</label>
					   		<div class="fl">
								<input class="editform-control" id="name" onblur="checkName();" value="${categoryAttr.name}" type="text" maxlength="20" class="text" placeholder="请输入分类属性名称">
								<em class="emStyle">*</em>
							</div>
						</div>
						<div class="item">
		                   <label class="col-sm-1 editlable">所属分类：</label>
		                   <div class="fl">
	               				<input class="noinput" type="text" value="${firstName }" disabled="disabled">
	               				<input style="margin-left: 3px;" class="noinput" type="text" value="${secondName }" disabled="disabled">
		                        <em class="emStyle">*</em>
		                   </div>
		                  </div>
		                  <div class="item">
		                   <label class="col-sm-1 editlable">数据类型：</label>
		                   <div class="fl">
		                       <select class="editform-control" style="height:29px;width:206px;" id="inputType" onblur="checkInputType();" >
		                       		<option value="">--请选择--</option>
			                      <c:forEach items="${inputTypes}" var="item" varStatus="cStatus">
										<option value="${item.value}"  <c:if test="${item.value == categoryAttr.inputType}">selected="selected"</c:if>>${item.label}</option>
								  </c:forEach>
		                       </select>
		                        <em class="emStyle">*</em>
		                   </div>
		                </div>
						<input id="attrId" type="hidden" value="${categoryAttr.id }">
						<input id="categoryId" type="hidden" value="${categoryId}">
					</div>
				</form>
			</div>
		</section>
	</section>
                 
	<script type="text/javascript">
		document.getElementById("myFrom").reset();
	</script>	
</body>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</html>
